<!DOCTYPE html>
<html>
<head>
	<title>瀑布流布局</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="main">
	<div class="box">
		<div class="pic">
			<img src="images/0.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/1.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/2.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/3.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/4.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/5.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/6.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/7.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/8.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/9.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/10.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/11.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/12.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/13.png">
		</div>
	</div><div class="box">
		<div class="pic">
			<img src="./images/14.png">
		</div>
	</div>
</div>
</body>
</html>